<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	 <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>会员登录</title>
<link rel="stylesheet" href="${pageContext.request.contextPath }/css/bootstrap.min.css" type="text/css" />
<script src="${pageContext.request.contextPath }/js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/js/bootstrap.min.js" type="text/javascript"></script>
<!-- 引入自定义css文件 style.css -->
<link rel="stylesheet" href="${pageContext.request.contextPath }/css/style.css" type="text/css" />

<style>
body {
	margin-top: 20px;
	margin: 0 auto;
}

.carousel-inner .item img {
	width: 100%;
	height: 300px;
}
</style>
</head>

<body>
	<!-- 引入header.jsp -->
	<jsp:include page="/front/header.jsp"></jsp:include>

	<div class="container">
		<div class="row">
			<div
				style="border: 1px solid #e4e4e4; width: 930px; margin-bottom: 10px; margin: 0 auto; padding: 10px; margin-bottom: 10px;">
				<ol class="breadcrumb">
				<li><a href="front/productServlet">首页</a></li>
				<c:forEach items="${categoryList}" var="category">
				<c:if test="${goods.id==category.cid}">
			     	<li><a href="productListServlet?currentPage=1&cid=${goods.id}">${category.cname}</a></li>
			     </c:if>
				</c:forEach>
				<li><a>${goods.goodsName}</a></li>
			</ol>
				
			</div>

			<div style="margin: 0 auto; width: 950px;">
				<div class="col-md-6">
					<img style="opacity: 1; width: 400px; height: 350px;" title=""
						class="medium"
						src="${goods.imgUrl}">
				</div>

				<div class="col-md-6">
					<div>
						<strong>${goods.goodsName}</strong>
					</div>
					<div
						style="border-bottom: 1px dotted #dddddd; width: 350px; margin: 10px 0 10px 0;">
						<div>编号：${goods.id}</div>
					</div>

					<div style="margin: 10px 0 10px 0;">
						价格: <strong style="color: #ef0101;">￥：${goods.price}</strong>

					</div>



					<div
						style="padding: 10px; border: 1px solid #e7dbb1; width: 330px; margin: 15px 0 10px 0;; background-color: #fffee6;">
						<div style="margin: 5px 0 10px 0;">白色</div>
						<form action="addCartServlet" method="get">
						<input type="hidden" name="id" value="${goods.id}">
						<div
							style="border-bottom: 1px solid #faeac7; margin-top: 20px; padding-left: 10px;">
							购买数量: <input id="quantity" name="buyNum" value="1"
								maxlength="4" size="10" type="text">
						</div>

						<div style="margin: 20px 0 10px 0;; text-align: center;">
							 <input
								style="background: url('${pageContext.request.contextPath }/images/product.gif') no-repeat scroll 0 -600px rgba(0, 0, 0, 0); height: 36px; width: 127px;"
								value="加入购物车" type="submit">&nbsp;收藏商品
						</div>
						</form>
					</div>
				</div>
			</div>
			<div class="clear"></div>
			<div style="width: 950px; margin: 0 auto;">
				<div
					style="background-color: #d3d3d3; width: 930px; padding: 10px 10px; margin: 10px 0 10px 0;">
					<strong>商品介绍</strong>
				</div>

				<div>
				   <textarea rows="10" cols="50">${goods.description}</textarea>
				</div>



		</div>
	</div>


	<!-- 引入footer.jsp -->
	<jsp:include page="/front/footer.jsp"></jsp:include>

</body>

</html>